<template>
  <div>
    <div
      :ref="echartRef"
      :class="className"
      :style="{ height: height, width: '100%' }"
    />
  </div>
</template>

<script>
import init from './mixins/init'

export default {
  name: 'DoughnutChart',
  mixins: [init],
  props: {
    className: {
      type: String,
      default: 'chart'
    },
    height: {
      type: String,
      default: '300px'
    },
    config: {
      type: Object,
      required: true
    }
  },
  data() {
    return {
      echartRef: null
    }
  }
}
</script>

